<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <link rel="stylesheet" href="./static/page.d9e81ea0.css">
    <link rel="stylesheet" href="./static/bulma.css">
    <title id="titleinfo">{{ title }}-互联网API入口</title>
    <link rel="stylesheet" type="text/css" href="./static/chunk-773cb681.5bed613f.css">
    <link rel="stylesheet" type="text/css" href="./static/bootstrap.min.css">
    <script src="./static/jquery.min.js"></script>
    <script src="./static/bootstrap.min.js"></script>
    <script src="./static/vue.js"></script>
    <link type="text/css" rel="stylesheet" href="./static/font_144308_f0fwnr34ym.css">

</head>
<script>
    <?php if(strpos($_SERVER['HTTP_HOST'],'yiz68') !== false){ ?>
        var data = {
        registerinfo: '<a style="width: 100%; padding:unset;" target="_blank" href="http://beian.miit.gov.cn/">陕ICP备19022572号</a>',
        info: '© ' + new Date().getFullYear() + ' api.yiz68.cn ALL Rights Reserved. 陕西一焯网络科技有限公司',
        title: '一焯网络',
        logo: './static/logo-yz.png'
        }
    <?php }else if(strpos($_SERVER['HTTP_HOST'],'api.njqixi') !== false){ ?>
        var data = {
        registerinfo: '<a style="width: 100%; padding:unset;" target="_blank" href="http://beian.miit.gov.cn/">赣ICP备17007801号</a>',
        info: '© ' + new Date().getFullYear() + ' api.njqixi.cn ALL Rights Reserved. 上饶七喜网络公司',
        title: '七喜网络',
        logo: './static/logo-qx.png'
        }
    <?php }else if(strpos($_SERVER['HTTP_HOST'],'so.njqixi') !== false){ ?>
    var data = {
        registerinfo: '<a style="width: 100%; padding:unset;" target="_blank" href="http://beian.miit.gov.cn/">赣ICP备17007801号</a>',
        info: '© ' + new Date().getFullYear() + ' so.njqixi.cn ALL Rights Reserved. 中国搜索',
        title: '中国搜索',
        logo: './static/logo-so.png'
    }
    <?php }else if(strpos($_SERVER['HTTP_HOST'],'datianlian.com') !== false){  ?>
        var data = {
        registerinfo: '<a style="width: 100%; padding:unset;" target="_blank" href="http://beian.miit.gov.cn/">苏ICP备18069844号</a>',
        info: '© ' + new Date().getFullYear() + ' api.datianlian.com ALL Rights Reserved. 南京天联网络科技有限公司',
        title: '天联网络',
        logo: './static/logo-tl.png'
        }
    <?php }else if(strpos($_SERVER['HTTP_HOST'],'qixixx.com') !== false){  ?>
        var data = {
        registerinfo: '<a style="width: 100%; padding:unset;" target="_blank" href="http://beian.miit.gov.cn/">苏ICP备17020049号-4</a>',
        info: '© ' + new Date().getFullYear() + ' api.qixixx.com ALL Rights Reserved. 江苏天联网络科技有限公司',
        title: '天联网络',
        logo: './static/logo-tl.png'
        }
    <?php }else if(strpos($_SERVER['HTTP_HOST'],'datianlian.cn') !== false){ ?>
        var data = {
        registerinfo: '<a style="width: 100%; padding:unset;" target="_blank" href="http://beian.miit.gov.cn/">苏ICP备18069844号</a>',
        info: '© ' + new Date().getFullYear() + ' api.datianlian.cn ALL Rights Reserved. 贵州久盛益网络科技有限公司',
        title: '久盛益网络',
        logo: './static/logo-ttmj.png'
        }
    <?php }else if(strpos($_SERVER['HTTP_HOST'],'muzhenxx.cn') !== false){ ?>
    var data = {
        registerinfo: '<a style="width: 100%; padding:unset;" target="_blank" href="http://beian.miit.gov.cn/">苏ICP备2022045415号-5</a>',
        info: '© ' + new Date().getFullYear() + ' api.muzhenxx.cn ALL Rights Reserved. 江苏慕真网络科技有限公司',
        title: '慕真科技',
        logo: './static/logo-mzkj.png'
    }
    <?php }else if(strpos($_SERVER['HTTP_HOST'],'lizhify.cn') !== false){ ?>
    var data = {
        registerinfo: '<a style="width: 100%; padding:unset;" target="_blank" href="http://beian.miit.gov.cn/">苏ICP备2023020546号-3</a>',
        info: '© ' + new Date().getFullYear() + ' api.lizhify.cn ALL Rights Reserved. 南京荔枝竞技网络科技有限公司',
        title: '荔枝竞技',
        logo: './static/logo-lzjj.png'
    }
    <?php }else if(strpos($_SERVER['HTTP_HOST'],'jslzgw.cn') !== false){ ?>
    var data = {
        registerinfo: '<a style="width: 100%; padding:unset;" target="_blank" href="http://beian.miit.gov.cn/">苏ICP备2023039198号-1</a>',
        info: '© ' + new Date().getFullYear() + ' api.jslzgw.cn ALL Rights Reserved. 江苏荔枝智竞网络科技有限公司',
        title: '荔枝智竞',
        logo: './static/logo-lzzj.png'
    }
    <?php } ?>

</script>
<style>
    body.modal-open {
        overflow-y: auto !important;
        padding-right: 0 !important;
    }

    #state {
        width: 100%;
        height: 20px;
        text-align: center;
        margin-bottom: 15px;
    }

    .state-nt {
        width: 314px;
        height: 20px;
        line-height: 20px;
    }

    #submit {
        display: block;
        margin: 0 auto;
        text-indent: 2em;
        letter-spacing: 2em;
        text-align: center;
        background: #65acda;
        width: 300px;
        height: 40px !important;
        font-size: 18px;
        border: none;
        outline: none;
    }

    .text {
        width: 300px;
    }

    .modal-dialog {
        margin: 200px auto;
    }

    a:hover {
        text-decoration: none
    }

    a:active {
        text-decoration: none;
    }

    a:focus {
        text-decoration: none
    }

    .headerv2-logo-a {
        display: flex;
        align-items: center;
        margin-right: -150px;
    }

    #titleFrom-ch {
        text-align: center;
        font-family: "Helvetica Neue", Helvetica, "Hiragino Sans GB", "Microsoft YaHei", 微软雅黑, Arial, sans-serif;
        font-weight: 600;
        font-size: 30px;
        color: rgb(0, 0, 0);
        margin-top: 5px;
    }
</style>
<script>
    function LoginModel() {
        $('#myModal').show();
    }
</script>
<link rel="stylesheet" href="./static/ui.css">
<link type="text/css" rel="stylesheet" href="./static/reg.css">
<div class="modal fade" id="myModal" role="dialog" aria-labelledby="myModalLabel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span
                        aria-hidden="true">&times;</span></button>
                <h4 class="modal-title" id="titleFrom-ch" style="margin-top: 30px;">会员登录</h4>
                <div id="titleFrom-en">━━━LOGIN━━━</div>
            </div>
            <div class="modal-body" style="height: 300px;">
                <form id="loginform" style="padding: 0 3rem;">

                    <div class="in" style="margin-left: auto;margin-bottom: .75rem">

                        <input type="text" name="email" class="text" autocomplete="username" placeholder="用户名/注册邮箱">
                    </div>
                    <div class="in">
                        <input type="password" name="pwd" class="text" placeholder="请输入密码"
                            autocomplete="current-password">
                    </div>
                    <div id="state" style="float: right;">
                        <div class="state-nt" style="position: fixed;
                        right: 10px;">

                            <a href="/" class="wjmm" target="_blank" tabindex="-1">忘记密码？</a>
                        </div>
                    </div>
                    <div style="clear:both;">

                    </div>
                    <div style="text-align: center">
                        <a href="javascript:" class="ui-button ui-button-primary" role="button" id="submit">
                            <span
                                style="color: #fff;text-align:center;float: left;margin-top:8px;margin-left: 28%;">登录</span>
                        </a>
                    </div>
                    <br>
                    <div id="bottomLink-nk">
                        <div id="bottomLink">
                            <a href="javascript:void(0);"><i class="iconfont if-QQ zfb"></i><span
                                    style="color: #666666;" class="iconTy">QQ</span></a>

                            <a class="iconTy" href="javascript:void(0);" style="margin-left: 40px">
                                <span class="iconTy" style="color: #666666;"><i
                                        class="iconfont if-github"></i>github</span>
                            </a>
                        </div>
                    </div>
                </form>
            </div>

        </div>
    </div>
</div>
</script>

<body>

    <div class="header " style="background-color: #ffffff">
        <header class="fixed-header">
            <div class="headerv2">

                <a href="/" class="headerv2-logo-a">
                    <img v-bind:src='logo' style="width: 50%;" alt="logo" id="logo">
                </a>

                <nav class="headerv2-nav">
                    <li>
                        <a href="/" class="headerv2-nav-title actived">API市场</a>
                    </li>

                </nav>

                <div class="headerv2-r">
                    <div id="searchHeader">
                        <div class="search-container">
                            <div class="search-type">
                                API接口<i class="iconfont if-arrow dropdown-icon"></i></div>
                            <div class="search-input-wrap"><input placeholder="搜索API" class="search-input"> <i
                                    class="iconfont if-search search-input-icon" data-toggle="modal" data-target="#myModal"></i></div>
                            <!---->
                        </div>
                    </div>


                    <div class="divider"></div>
                    <a href="javascritp:void(0)" class="a-button mr10" role="button" data-toggle="modal"
                        data-target="#myModal">登录</a>

                </div>
            </div>
        </header>
        <div style="width:100%;height:65px"></div>


        <div class="clear"></div>
    </div>


    <section class="hero is-light ">
        <div class="hero-body">
            <div class="container">

                <section>
                    <nav class="level">
                        <div class="level-left">
                            <div class="level-item">
                                <div style="width:.4em;height:1em;" class="has-background-sp-primary"></div>
                            </div>
                            <div class="level-item">
                                <a class="subtitle is-3" data-toggle="modal" data-target="#myModal"
                                    href="javascript:void(0);" target="_blank"><strong>API市场</strong></a>
                            </div>
                            <div class="level-item">
                                <p class="subtitle is-3 has-text-grey-light">API MARKET</p>
                            </div>
                        </div>
                        <div class="level-right">
                            <div class="level-item fs12">
                                <a href="javascript:void(0);" class="has-text-grey" data-toggle="modal"
                                    data-target="#myModal" target="_blank">更多 &gt;&gt;</a>
                            </div>
                        </div>
                    </nav>
                    <div class="columns is-gapless">
                        <div class="column is-narrow"
                            style="background: url('./static/market.jpg') no-repeat center;background-size: cover">
                            <section class="section is-primary " style="width:300px">
                                <p class="title has-text-white is-spaced">
                                    API市场
                                </p>
                                <p class="subtitle fs16 has-text-white">
                                    一个API数据交易平台，提供自营及第三方数据的交易场所，具有技术专业、协议标准、数据丰富、计费灵活、稳定高性、日志详尽、功能强大等特点。
                                </p>
                                <a href="javascript:void(0);" target="_blank" data-toggle="modal" data-target="#myModal"
                                    class="button is-sp-primary is-inverted is-outlined">查看全部</a>
                            </section>
                        </div>
                        <div class="column">
                            <div class="columns is-gapless is-multiline grid-border of-3">
                                <div class="column is-one-third has-background-white ">

                                    <a style="color:inherit;height: 100%" class="media p15rem" target="_blank"
                                        href="javascript:void(0);" data-toggle="modal" data-target="#myModal">
                                        <figure class="media-left">
                                            <p class="image is-64x64">
                                                <img src="./static/64.png" alt="全国快递查询">
                                            </p>
                                        </figure>
                                        <div class="media-content">
                                            <p class="content ">
                                                <strong>全国快递查询</strong>
                                                <br>
                                            </p>
                                            <p class="ellipse is-2 content has-text-grey">
                                                全国快递信息查询接口，可查询国内外1000多家快递或物流公司的运单信息，包括EMS、京东快递、顺丰、圆通、申通、韵达、德邦、中通、天天、汇通（百世）、宅急送...
                                            </p>
                                            <p class=" content has-text-orange">
                                                ￥<span class="is-size-2">0.01</span>元试用
                                            </p>
                                        </div>
                                    </a>


                                </div>
                                <div class="column is-one-third has-background-white ">

                                    <a style="color:inherit;height: 100%" class="media p15rem" target="_blank"
                                        href="javascript:void(0);" data-toggle="modal" data-target="#myModal">
                                        <figure class="media-left">
                                            <p class="image is-64x64">
                                                <img src="./static/9.png" alt="天气预报">
                                            </p>
                                        </figure>
                                        <div class="media-content">
                                            <p class="content ">
                                                <strong>天气预报</strong>
                                                <br>
                                            </p>
                                            <p class="ellipse is-2 content has-text-grey">
                                                数据来源于国家气象局发布的数据,可根据地区名称、经纬度、IP查询对应地区的天气预报。
                                                包括天气预警、白天晚上的温度、湿度、风速、风力，一氧化碳、二氧化氮等PM
                                                2.5空气质量指数，穿衣、出行、洗车等生活指数。7天天气范围的预报每天更新3次，分别是7:30分，12:00分，18:00分。实时天气情况每30分钟更新1次。
                                            </p>
                                            <p class=" content has-text-orange">
                                                ￥<span class="is-size-2">0.01</span>元试用
                                            </p>
                                        </div>
                                    </a>


                                </div>
                                <div class="column is-one-third has-background-white ">

                                    <a style="color:inherit;height: 100%" class="media p15rem" target="_blank"
                                        href="javascript:void(0);" data-toggle="modal" data-target="#myModal">
                                        <figure class="media-left">
                                            <p class="image is-64x64">
                                                <img src="./static/109.png" alt="新闻API接口">
                                            </p>
                                        </figure>
                                        <div class="media-content">
                                            <p class="content ">
                                                <strong>新闻API接口</strong>
                                                <br>
                                            </p>
                                            <p class="ellipse is-2 content has-text-grey">
                                                每10分钟刷新。新闻API接口，包括多个频道的最新新闻，有国内焦点、国际焦点、军事焦点、财经焦点、互联网焦点、房产焦点、汽车焦点、体育焦点、娱乐焦点、游戏焦点等等。
                                            </p>
                                            <p class=" content has-text-orange">
                                                会员免费
                                            </p>
                                        </div>
                                    </a>


                                </div>
                                <div class="column is-one-third has-background-white ">

                                    <a style="color:inherit;height: 100%" class="media p15rem" target="_blank"
                                        href="javascript:void(0);" data-toggle="modal" data-target="#myModal">
                                        <figure class=" media-left">
                                            <p class="image is-64x64">
                                                <img src="./static/1333.png" alt="OCR车牌识别">
                                            </p>
                                        </figure>
                                        <div class="media-content">
                                            <p class="content ">
                                                <strong>OCR车牌识别</strong>
                                                <br>
                                            </p>
                                            <p class="ellipse is-2 content has-text-grey">
                                                车牌号码\颜色\车牌位置的识别,上传的图片要控制在1MB以内,图片太大会降低识别的速度和准确度</p>
                                            <p class=" content has-text-orange">
                                                ￥<span class="is-size-2">25.00</span>元起
                                            </p>
                                        </div>
                                    </a>


                                </div>
                                <div class="column is-one-third has-background-white ">

                                    <a style="color:inherit;height: 100%" class="media p15rem" target="_blank"
                                        href="javascript:void(0);" data-toggle="modal" data-target="#myModal">
                                        <figure class="media-left">
                                            <p class="image is-64x64">
                                                <img src="./static/1129.png" alt="条码生成与识别">
                                            </p>
                                        </figure>
                                        <div class="media-content">
                                            <p class="content ">
                                                <strong>条码生成与识别</strong>
                                                <br>
                                            </p>
                                            <p class="ellipse is-2 content has-text-grey">
                                                提供EAN_8、EAN_13、CODE_39、CODE_93、CODE_128、ITF、PDF_417、RSS_14、RSS_EXPANDED、UPC_A、UPC_E、UPC_EAN_EXTENSION、CODABAR等类型的条码(条形码)生成和识别功能
                                            </p>
                                            <p class=" content has-text-orange">
                                                会员免费
                                            </p>
                                        </div>
                                    </a>


                                </div>
                                <div class="column is-one-third has-background-white ">

                                    <a style="color:inherit;height: 100%" class="media p15rem" target="_blank"
                                        href="javascript:void(0);" data-toggle="modal" data-target="#myModal">
                                        <figure class="media-left">
                                            <p class="image is-64x64">
                                                <img src="./static/1201.png" alt="图片鉴黄与鉴暴恐">
                                            </p>
                                        </figure>
                                        <div class="media-content">
                                            <p class="content ">
                                                <strong>图片鉴黄与鉴暴恐</strong>
                                                <br>
                                            </p>
                                            <p class="ellipse is-2 content has-text-grey">
                                                对图片进行智能鉴黄鉴暴恐，为您自动识别色情图片及恐怖暴力图片，支持图片url、图片base64、图片文件。准确率高速度快，支持常见的图片格式PNG,JPG,JPEG,BMP。不支持gif，图片最大尺寸4M
                                            </p>
                                            <p class=" content has-text-orange">
                                                ￥<span class="is-size-2">1.00</span>元起
                                            </p>
                                        </div>
                                    </a>


                                </div>
                                <div class="column is-one-third has-background-white ">

                                    <a style="color:inherit;height: 100%" class="media p15rem" target="_blank"
                                        href="javascript:void(0);" data-toggle="modal" data-target="#myModal">
                                        <figure class="media-left">
                                            <p class="image is-64x64">
                                                <img src="./static/28.png" alt="三网短信通知类（需要模板）">
                                            </p>
                                        </figure>
                                        <div class="media-content">
                                            <p class="content ">
                                                <strong>三网短信通知类（需要模板）</strong>
                                                <br>
                                            </p>
                                            <p class="ellipse is-2 content has-text-grey">
                                                发送三网通知类的短信息,如发营销短信请使用营销短信接口;先创建模板,模板审核需要一个工作日。要强调的是金融、教育、发票、地产、招标、催付、拍卖、建材等类别的或是内容中带有加公众号、加群号的短信，是不能发送的。
                                            </p>
                                            <p class=" content has-text-orange">
                                                ￥<span class="is-size-2">0.01</span>元试用
                                            </p>
                                        </div>
                                    </a>


                                </div>
                                <div class="column is-one-third has-background-white ">

                                    <a style="color:inherit;height: 100%" class="media p15rem" target="_blank"
                                        href="javascript:void(0);" data-toggle="modal" data-target="#myModal">
                                        <figure class="media-left">
                                            <p class="image is-64x64">
                                                <img src="./static/20.png" alt="全球IP归属地查询">
                                            </p>
                                        </figure>
                                        <div class="media-content">
                                            <p class="content ">
                                                <strong>全球IP归属地查询</strong>
                                                <br>
                                            </p>
                                            <p class="ellipse is-2 content has-text-grey">全球IP地址、域名查询地理位置。</p>
                                            <p class=" content has-text-orange">
                                                会员免费
                                            </p>
                                        </div>
                                    </a>


                                </div>
                                <div class="column is-one-third has-background-white ">

                                    <a style="color:inherit;height: 100%" class="media p15rem" target="_blank"
                                        href="javascript:void(0);" data-toggle="modal" data-target="#myModal">
                                        <figure class="media-left">
                                            <p class="image is-64x64">
                                                <img src="./static/6.png" alt="手机归属地查询">
                                            </p>
                                        </figure>
                                        <div class="media-content">
                                            <p class="content ">
                                                <strong>手机归属地查询</strong>
                                                <br>
                                            </p>
                                            <p class="ellipse is-2 content has-text-grey">
                                                最全、最新的手机号段数据库。本地找不到的号码，将从互联网多个大站查询以保证数据最为全面。</p>
                                            <p class=" content has-text-orange">
                                                会员免费
                                            </p>
                                        </div>
                                    </a>


                                </div>
                            </div>
                        </div>
                    </div>
                </section>


                <section class="section" style="padding-left: 0;padding-right: 0">
                    <nav class="level">
                        <div class="level-left">
                            <div class="level-item">
                                <div style="width:.4em;height:1em;" class="has-background-turquoise"></div>
                            </div>
                            <div class="level-item ">
                                <a class="subtitle is-3" href="javascript:void(0);" target="_blank" data-toggle="modal"
                                    data-target="#myModal"><strong>连接器</strong></a>
                            </div>
                            <div class="level-item">
                                <p class="subtitle is-3 has-text-grey-light">CONNECTORS</p>
                            </div>
                        </div>
                        <div class="level-right">
                            <div class="level-item fs12">
                                <a href="javascript:void(0);" target="_blank" class="has-text-grey" data-toggle="modal"
                                    data-target="#myModal">更多 &gt;&gt;</a>
                            </div>
                        </div>
                    </nav>
                    <div class="columns is-gapless">
                        <div class="column is-narrow"
                            style=";background: url('./static/connect.jpg') no-repeat center;background-size: cover">
                            <section class="section is-primary" style="width:300px">
                                <p class="title has-text-white is-spaced">
                                    连接器
                                </p>
                                <p class="subtitle fs16 has-text-white">
                                    异构数据源的统一协议调用中心。通过连接器，可使用统一标准的HTTP
                                    API调用任何异构数据源。支持的数据源包括SAAS服务、第三方API、对象/非对象数据库、物联设备等。可类比于多国语言环境中的万能翻译器。
                                </p>
                                <a href="javascript:void(0);" target="_blank"
                                    class="button is-success is-inverted is-outlined" data-toggle="modal"
                                    data-target="#myModal">查看全部</a>
                            </section>
                        </div>
                        <div class="column">
                            <div class="columns is-gapless is-multiline grid-border of-3">
                                <div class="column is-one-third has-background-white ">
                                    <a href="javascript:void(0);" style="color:inherit" target="_blank"
                                        data-toggle="modal" data-target="#myModal">
                                        <article class="media p15rem">
                                            <figure class="media-left">
                                                <p class="image is-64x64">
                                                    <img src="./static/url.jpg" alt="简单URL连接器">
                                                </p>
                                            </figure>
                                            <div class="media-content">
                                                <p class="content has-text-weight-bold">简单URL连接器</p>
                                                <p class="ellipse is-2 content has-text-grey">
                                                    将任何一个HTTP接口(非运算加密签名)整合进入平台，从而为此接口提供额外的鉴权、流量控制、并发控制、黑白名单、日志、监控报警、负载均衡、熔断、输出输出字段映射、代码编辑返回内容等增值功能。
                                                </p>
                                                <p class="has-text-orange content">查看详情</p>
                                            </div>
                                        </article>
                                    </a>
                                </div>
                                <div class="column is-one-third has-background-white ">
                                    <a href="javascript:void(0);" style="color:inherit" target="_blank"
                                        data-toggle="modal" data-target="#myModal">
                                        <article class="media p15rem">
                                            <figure class="media-left">
                                                <p class="image is-64x64">
                                                    <img src="./static/http.jpg" alt="HTTP认证连接器">
                                                </p>
                                            </figure>
                                            <div class="media-content">
                                                <p class="content has-text-weight-bold">HTTP认证连接器</p>
                                                <p class="ellipse is-2 content has-text-grey">
                                                    转化互联网上需要加密签名校验的HTTP接口的统一接口。用一种访问方式，即可调用互联网几千个加密签名API。</p>
                                                <p class="has-text-orange content">查看详情</p>
                                            </div>
                                        </article>
                                    </a>
                                </div>
                                <div class="column is-one-third has-background-white ">
                                    <a href="javascript:void(0);" style="color:inherit" target="_blank"
                                        data-toggle="modal" data-target="#myModal">
                                        <article class="media p15rem">
                                            <figure class="media-left">
                                                <p class="image is-64x64">
                                                    <img src="./static/mysql.jpg" alt="MySQL连接器">
                                                </p>
                                            </figure>
                                            <div class="media-content">
                                                <p class="content has-text-weight-bold">MySQL连接器</p>
                                                <p class="ellipse is-2 content has-text-grey">
                                                    可将您的MySQL数据库接口转化为HTTP接口，大大提升开发效率。包括增删查改以及数据库级别的建表、建索引等所有指令。也可以自定义SQL语句并嵌入变量的方式调用。
                                                </p>
                                                <p class="has-text-orange content">查看详情</p>
                                            </div>
                                        </article>
                                    </a>
                                </div>
                                <div class="column is-one-third has-background-white ">
                                    <a href="javascript:void(0);" style="color:inherit" target="_blank"
                                        data-toggle="modal" data-target="#myModal">
                                        <article class="media p15rem">
                                            <figure class="media-left">
                                                <p class="image is-64x64">
                                                    <img src="./static/mariadb.jpg" alt="MariaDB连接器">
                                                </p>
                                            </figure>
                                            <div class="media-content">
                                                <p class="content has-text-weight-bold">MariaDB连接器</p>
                                                <p class="ellipse is-2 content has-text-grey">
                                                    可将您的MariaDB数据库接口转化为HTTP接口，大大提升开发效率。包括增删查改以及数据库级别的建表、建索引等所有指令。也可以自定义SQL语句并嵌入变量的方式调用。
                                                </p>
                                                <p class="has-text-orange content">查看详情</p>
                                            </div>
                                        </article>
                                    </a>
                                </div>
                                <div class="column is-one-third has-background-white ">
                                    <a href="javascript:void(0);" style="color:inherit" target="_blank"
                                        data-toggle="modal" data-target="#myModal">
                                        <article class="media p15rem">
                                            <figure class="media-left">
                                                <p class="image is-64x64">
                                                    <img src="./static/postgreSQL.jpg" alt="PostgreSQL连接器">
                                                </p>
                                            </figure>
                                            <div class="media-content">
                                                <p class="content has-text-weight-bold">PostgreSQL连接器</p>
                                                <p class="ellipse is-2 content has-text-grey">
                                                    可将您的PostgreSQL数据库接口转化为HTTP接口，大大提升开发效率。包括增删查改以及数据库级别的建表、建索引等所有指令。也可以自定义SQL语句并嵌入变量的方式调用。
                                                </p>
                                                <p class="has-text-orange content">查看详情</p>
                                            </div>
                                        </article>
                                    </a>
                                </div>
                                <div class="column is-one-third has-background-white ">
                                    <a href="javascript:void(0);" style="color:inherit" target="_blank"
                                        data-toggle="modal" data-target="#myModal">
                                        <article class="media p15rem">
                                            <figure class="media-left">
                                                <p class="image is-64x64">
                                                    <img src="./static/sqlserver.jpg" alt="SQLServer连接器">
                                                </p>
                                            </figure>
                                            <div class="media-content">
                                                <p class="content has-text-weight-bold">SQLServer连接器</p>
                                                <p class="ellipse is-2 content has-text-grey">
                                                    可将您的SQLServer数据库接口转化为HTTP接口，大大提升开发效率。包括增删查改以及数据库级别的建表、建索引等所有指令。也可以自定义SQL语句并嵌入变量的方式调用。
                                                </p>
                                                <p class="has-text-orange content">查看详情</p>
                                            </div>
                                        </article>
                                    </a>
                                </div>
                                <div class="column is-one-third has-background-white ">
                                    <a href="javascript:void(0);" style="color:inherit" target="_blank"
                                        data-toggle="modal" data-target="#myModal">
                                        <article class="media p15rem">
                                            <figure class="media-left">
                                                <p class="image is-64x64">
                                                    <img src="./static/redis.jpg" alt="Redis连接器">
                                                </p>
                                            </figure>
                                            <div class="media-content">
                                                <p class="content has-text-weight-bold">Redis连接器</p>
                                                <p class="ellipse is-2 content has-text-grey">
                                                    使用HTTP调用Redis的所有指令，包括get、set、expire等等，大大提升开发效率。</p>
                                                <p class="has-text-orange content">查看详情</p>
                                            </div>
                                        </article>
                                    </a>
                                </div>
                                <div class="column is-one-third has-background-white ">
                                    <a href="javascript:void(0);" style="color:inherit" target="_blank"
                                        data-toggle="modal" data-target="#myModal">
                                        <article class="media p15rem">
                                            <figure class="media-left">
                                                <p class="image is-64x64">
                                                    <img src="./static/oracle.jpg" alt="Oracle连接器">
                                                </p>
                                            </figure>
                                            <div class="media-content">
                                                <p class="content has-text-weight-bold">Oracle连接器</p>
                                                <p class="ellipse is-2 content has-text-grey">
                                                    可将您的Oracle数据库接口转化为HTTP接口，大大提升开发效率。包括增删查改以及数据库级别的建表、建索引等所有指令。也可以自定义SQL语句并嵌入变量的方式调用。
                                                </p>
                                                <p class="has-text-orange content">查看详情</p>
                                            </div>
                                        </article>
                                    </a>
                                </div>
                                <div class="column is-one-third has-background-white ">
                                    <a href="javascript:void(0);" style="color:inherit" target="_blank"
                                        data-toggle="modal" data-target="#myModal">
                                        <article class="media p15rem">
                                            <figure class="media-left">
                                                <p class="image is-64x64">
                                                    <img src="./static/webapi.jpg" alt="WEBAPI连接器">
                                                </p>
                                            </figure>
                                            <div class="media-content">
                                                <p class="content has-text-weight-bold">WEBAPI连接器</p>
                                                <p class="ellipse is-2 content has-text-grey">
                                                    输入网址，WEBAPI返回此网址下HTML转换的JSON数据。可转换为Object,Array,PageBean等结构。</p>
                                                <p class="has-text-orange content">查看详情</p>
                                            </div>
                                        </article>
                                    </a>
                                </div>
                            </div>
                        </div>
                    </div>
                </section>

                <section class="image" style="height:120px ">
                    <img src="./static/subbanner.jpg" alt="">
                </section>

                <section class="section" style="padding-left: 0;padding-right: 0">
                    <nav class="level mb10">
                        <div class="level-left">
                            <div class="level-item">
                                <div class="has-background-orange" style="width:.4em;height:1em;"></div>
                            </div>
                            <div class="level-item">
                                <a class="subtitle is-3" href="javascript:void(0);" target="_blank" data-toggle="modal"
                                    data-target="#myModal"><strong>网关</strong></a>
                            </div>
                            <div class="level-item">
                                <p class="subtitle is-3 has-text-grey-light">SHOWAPI GATEWAY</p>
                            </div>

                        </div>
                        <div class="level-right">
                            <div class="level-item fs12">
                                <a href="javascript:void(0);" class="has-text-grey" target="_blank" data-toggle="modal"
                                    data-target="#myModal">更多 &gt;&gt;</a>
                            </div>
                        </div>
                    </nav>
                    <div class="columns is-gapless">
                        <div class="column is-narrow"
                            style="background: url('static/gateway.jpg') no-repeat center;background-size: cover">
                            <section class="section is-primary" style="width:300px">
                                <p class="title has-text-white is-spaced">
                                    网关
                                </p>
                                <p class="subtitle is-size-5 has-text-white">
                                    一个API请求的生命周期管理平台。将“请求-回复”划分为6个阶段，根据配置，每个阶段注入不同的管理功能，提供极为丰富的变量环境及LUA代码回调，可满足绝大部份场景下的业务逻辑功能。支持私有API及内部人员权限管理。
                                </p>
                                <a href="javascript:void(0);" target="_blank"
                                    class="button is-sp-orange is-inverted is-outlined" data-toggle="modal"
                                    data-target="#myModal">查看全部</a>
                            </section>
                        </div>
                        <div class="column">
                            <div class="columns is-gapless has-background-white">
                                <div class="column">
                                    <div class="sku-column-content">
                                        <h6 class="subtitle has-text-weight-bold">免费网关</h6>
                                        <p>调用流量: <span id="freeFlow">1.00 MB /天</span>
                                        </p>
                                        <p>调用次数: <span>
                                                100.00 次
                                                / 天</span>
                                        </p>
                                        <p>调用频率: <span>1次 / 秒</span></p>
                                    </div>
                                    <div class="sku-column-content">
                                        <p><i class="iconfont if-gou"></i>简单URL连接器</p>
                                    </div>
                                    <div class="sku-column-content">
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 云化管理,无需安装,注册可用</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 支持后端动态节点负载均衡</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 后端节点任意拓展</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 节点熔断</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 密钥子授权,方便前后端分离</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 日志回调通知</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 高度安全</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 实时监控报警</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 后端服务支持所有连接器</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 支持多种用户认证方式</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 流量及并发控制</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> REST API支持</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 性能优异</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 支持XML/JSON转换</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 输入字段映射</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 环境变量设置</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 系统字段转发</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 输入字段映射</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 合成字段</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 输入阶段代码转换</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 多数据源管理</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 输出字段映射</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 输出阶段代码转换</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 服务降级设置</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> MOCK输出</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 返回体文档配置</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 调用成功依据</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 成功时的扣减次数</p>
                                        <p style="color:#c5c5c5"><i class="iconfont if-cha"></i> 自动化测试</p>
                                    </div>
                                </div>
                                <div class="column " style="border-left: 1px solid #ededed">
                                    <div class="sku-column-content">
                                        <h6 class="subtitle has-text-weight-bold">高级网关</h6>
                                        <p>调用流量: <span class="has-text-orange" id="advancedFlow">1.00 GB /天</span>
                                        </p>
                                        <p>调用次数: <span class="has-text-orange">
                                                100.00万次
                                                / 天</span>
                                        </p>
                                        <p>调用频率: <span class="has-text-orange">100次 / 秒</span></p>
                                    </div>
                                    <div class="sku-column-content">
                                        <p><i class="iconfont if-gou"></i>所有连接器</p>
                                    </div>
                                    <div class="sku-column-content">

                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 云化管理,无需安装,注册可用</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 支持后端动态节点负载均衡</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 后端节点任意拓展</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 节点熔断</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 密钥子授权,方便前后端分离</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 日志回调通知</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 高度安全</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 实时监控报警</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 后端服务支持所有连接器</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 支持多种用户认证方式</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 流量及并发控制</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> REST API支持</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 性能优异</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 支持XML/JSON转换</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 输入字段映射</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 环境变量设置</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 系统字段转发</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 输入字段映射</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 合成字段</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 输入阶段代码转换</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 多数据源管理</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 输出字段映射</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 输出阶段代码转换</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 服务降级设置</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> MOCK输出</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 返回体文档配置</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 调用成功依据</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 成功时的扣减次数</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 自动化测试</p>
                                    </div>
                                </div>
                                <div class="column" style="border-left: 1px solid #ededed">
                                    <div class="sku-column-content">
                                        <h6 class="subtitle has-text-weight-bold">钻石网关</h6>
                                        <p>调用流量: <span class="has-text-orange" id="diamondFlow">10.00 GB /天</span>
                                        </p>
                                        <p>调用次数: <span class="has-text-orange">
                                                1000.00万次
                                                / 天</span>
                                        </p>
                                        <p>调用频率: <span class="has-text-orange">1000次 / 秒</span></p>
                                    </div>
                                    <div class="sku-column-content">
                                        <p><i class="iconfont if-gou"></i>所有连接器</p>
                                    </div>
                                    <div class="sku-column-content">
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 云化管理,无需安装,注册可用</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 支持后端动态节点负载均衡</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 后端节点任意拓展</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 节点熔断</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 密钥子授权,方便前后端分离</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 日志回调通知</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 高度安全</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 实时监控报警</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 后端服务支持所有连接器</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 支持多种用户认证方式</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 流量及并发控制</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> REST API支持</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 性能优异</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 支持XML/JSON转换</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 输入字段映射</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 环境变量设置</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 系统字段转发</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 输入字段映射</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 合成字段</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 输入阶段代码转换</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 多数据源管理</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 输出字段映射</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 输出阶段代码转换</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 服务降级设置</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> MOCK输出</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 返回体文档配置</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 调用成功依据</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 成功时的扣减次数</p>
                                        <p><i class="iconfont if-gou" style="color:#bd722e"></i> 自动化测试</p>
                                    </div>
                                </div>

                            </div>

                        </div>
                    </div>
                </section>
            </div>
        </div>
    </section>


    <div class="footer" id="page_footer" data-discuzflag="">
        <div class="container">

            <div class="footer_top">

                <div class="fo_left">
                    <div class="footer_links">
                        <a href="javascript:void(0);" target="_blank" data-toggle="modal"
                            data-target="#myModal">关于我们</a>
                        |
                        <a href="javascript:void(0);" target="_blank" data-toggle="modal"
                            data-target="#myModal">常见问题</a>
                        |
                        <a href="javascript:void(0);" target="_blank" data-toggle="modal"
                            data-target="#myModal">新闻动态</a>
                        |
                        <a href="javascript:void(0);" target="_blank" data-toggle="modal"
                            data-target="#myModal">加入我们</a>
                        |
                        <a href="javascript:void(0);" target="_blank" data-toggle="modal"
                            data-target="#myModal">联系我们</a>
                        |
                        <a href="javascript:void(0);" target="_blank" data-toggle="modal"
                            data-target="#myModal">api大全</a>
                        <br>
                    </div>
                    <p style="color:#999999;font-size: 0.75rem;" id="foot">{{ info }}</p>
                </div>

                <!-- <img src="./static/qrcode.png" class="fo_chart" style="width:100px;"> -->

            </div>
            <div class="clear"></div>

            <div class="footer_info" id="register">
                <p class="register-info" v-html='registerinfo' style="color:#999999;">
                </p>
            </div>

        </div>
    </div>

</body>
<script>
    new Vue({
        el: '#register',
        data: data
    });
    new Vue({
        el: '#foot',
        data: data
    });
    new Vue({
        el: '#titleinfo',
        data: data
    })
    new Vue({
        el: '#logo',
        data: data
    })
</script>

</html>
